Vue.component('div-son',{
    props: ['fruit'],
    template: `
    <ul></ul>
    `
});
var vm = new Vue({
    el: '#app',
    data: {
        fruit: [{
            id: 1,
            name: 'apple',
        },{
            id: 2,
            name: 'orange'
        },{
            id: 3,
            name: 'banana'
        }]
    },
    methods: {
        enlarge: function(){
            this.font += 4;
        },
        Delete: function(){
            Hub.$off('former-event');
        }
    }
})